<% include head.ejs%>
<body>
<div class="wp">
    <header class="t-header">
        <div class="topbar">
            <a href="/prod/index" class="gobakA fl">
                <i class="icon-angle-left"></i>
            </a>
            <a href="#" class="moreA fr">
                <i></i>
            </a>
            <span>商品详情</span>
        </div><!-- topbar end -->
    </header>

    <div class="spImg">
        <!--Basic example-->
        <div class="flicker-example" data-block-text="false">

            <ul>

                <% for (var i in prodpic){%>
                        <li data-background="<%=prodpic[i].value%>">
                        </li>
                <%}%>
                <!--<li data-background="/images/img-d.png">-->
                <!--</li>-->

                <!--<li data-background="/images/img-d.png">-->
                <!--</li>-->

                <!--<li data-background="/images/img-d.png">-->
                <!--</li>-->

            </ul>

            <div class="cunms">
                <span class="c">1</span>/
                <span class="t"><%=prodpic.length%></span>
            </div>

        </div>
    </div>
    <div class="spInfo clearfix">
        <div class="txt fl">
            <h1><%=prod[0].product_name%></h1>
            <p><%=prod[0].product_desc%></p>
        </div>
        <div class="price fr">
            <i>￥<%=prod[0].product_discount_price/100%></i>
            <s>￥<%=prod[0].product_price/100%></s>
        </div>
    </div>

    <div class="spvipType clearfix">
        <i class="type">高级会员</i>
        <span class="info">成为高级会员既享30天免息购物</span>
        <a href="#" class="moreA">了解详情</a>
    </div>

    <div class="slggBox clearfix">
        <a href="#">
            <span>选择</span>
            <p>数量、包装</p>
            <i class="icon-angle-right"></i>
        </a>
    </div>

    <!--<div class="spDp">-->
        <!--<a href="#" class="clearfix">-->
            <!--<img src="/images/hlzj.png">-->
            <!--<div class="tit">-->
                <!--<h1>海澜之家旗舰店</h1>-->
                <!--<p>周年庆活动</p>-->
            <!--</div>-->
            <!--<i class="icon-angle-right"></i>-->
        <!--</a>-->
    <!--</div>-->

    <!--<div class="sjGs">-->
        <!--<div class="tit clearfix">-->
            <!--<h1>商家故事</h1>-->
            <!--<a class="fr" href="#">了解详情</a>-->
        <!--</div>-->
        <!--<div class="gsList">-->
            <!--<li>-->
                <!--<a href="#">-->
                    <!--<img src="/images/hlzjimg.png">-->
                <!--</a>-->
            <!--</li>-->
            <!--<li>-->
                <!--<a href="#">-->
                    <!--<img src="/images/hlzjimg.png">-->
                <!--</a>-->
            <!--</li>-->
            <!--<li>-->
                <!--<a href="#">-->
                    <!--<img src="/images/hlzjimg.png">-->
                <!--</a>-->
            <!--</li>-->
        <!--</div>-->
    <!--</div>-->

    <div class="twMore">
        图文详情
    </div>

    <div class="spEditvs">

    </div>

    <div class="add-gwc clearfix">
        <a href="/order/preshop"><i class="gwcIco fl"></i></a>
        <a class="add fr" onclick="preOrder();">
            加入购物车
        </a>
    </div>

    <div class="selGGboxbm transform">
        <div class="box-d">
            <i class="close icon-remove"></i>
            <div class="sdInfo clearfix">
                <a href="#" class="fl">
                    <img src="<%=prod[0].product_icon%>">
                </a>
                <div class="pinfo fl">
                    <h1><%=prod[0].product_name%></h1>
                    <!--<span>库存件</span>-->
                    <i>￥<%=prod[0].product_discount_price/100%></i>
                </div>
            </div>
            <div class="ggbox">
                <div class="tit">
                    规格
                </div>
                <ul class="clearfix">
                    <% for(var i in prodspec){%>
                        <li>
                            <a id="<%=prodspec[i].detail_id%>" class="prodspec" onclick="getSpecId(<%=prodspec[i].detail_id%>)">
                                <%=prodspec[i].value%>
                            </a>
                        </li>
                    <%}%>
                    <!--<li>-->
                        <!--<a href="#">-->
                            <!--600g*24包-->
                        <!--</a>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<a href="#">-->
                            <!--600g*24包-->
                        <!--</a>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<a href="#">-->
                            <!--600g*24包-->
                        <!--</a>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<a href="#">-->
                            <!--600g*24包-->
                        <!--</a>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<a href="#">-->
                            <!--600g*24包-->
                        <!--</a>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<a href="#">-->
                            <!--600g*24包-->
                        <!--</a>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<a href="#">-->
                            <!--600g*24包-->
                        <!--</a>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<a href="#">-->
                            <!--600g*24包-->
                        <!--</a>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<a href="#">-->
                            <!--600g*24包-->
                        <!--</a>-->
                    <!--</li>-->
                </ul>
            </div>
            <div class="gmNums clearfix">
                <span>购买数量</span>
                <div class="addNums fr clearfix">
                    <span class="del fl icon-minus"></span>
                    <input id="prodSum" class="gmNsIn fl" value="1" type="text" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" maxlength="5">
                    <span class="add fl icon-plus"></span>
                </div>
            </div>
        </div>
        <a class="qBtn" onclick="getSum()">
            确定
        </a>
    </div>
</div>


<!--Execute flickerplate-->
<script>
    var specid = <%= prodspec[0].detail_id%>;
    var sum = 1;
    var prodId = <%= prod[0].product_id%>;

    $(document).ready(function(){

        $('.flicker-example').flicker({
            arrows:false,
            dot_navigation:false
        });

        var tex = "";
        <% for( var i in proddesc){%>
        tex += '<%= proddesc[i].value%>';
        <%}%>
        var tt = $('.spEditvs').html(tex).text();
        $('.spEditvs').html(tt);
    });

    function getSpecId(speceId) {
        specid = speceId;
        $('#'+speceId).siblings().addClass("on");
//        $('.prodspec').removeClass("on");
        console.log(specid);
    }

    function getSum() {
        sum = $('#prodSum').val();
        console.log(sum);
        preOrder();
    }
    
    function preOrder() {
        var param = {
            prodId:prodId,
            specId:specid,
            prodSum:sum
        }
        $.post("/order/preOrder",param,function (result) {
            var restr = JSON.parse(result);
            if(restr.code == 0){
                iosOverlay({
                    text: "加入购物车成功！ ",
                    duration: 2e3,
                    icon: "/images/tipsokico.png"
                });
                setTimeout(function () {
                    location.href="/prod/index";
                },2000)

            }
            console.log(result);
        })
    }
</script>
</body>
</html>